import React from 'react';
import {withRouter, NavLink} from 'react-router-dom';
import {HomeOutlined, ShoppingCartOutlined, UserOutlined} from '@ant-design/icons';

import './index.less';

function Tabs() {
    return (
        <footer>
            <NavLink exact to="/" >
                <HomeOutlined /> <span>首页</span>
            </NavLink>
            <NavLink exact to="mine" >
                <ShoppingCartOutlined /> <span>购物车</span>
            </NavLink>
            <NavLink exact to="profile" >
                <UserOutlined /> <span>个人中心</span>
            </NavLink>
        </footer>
    );
}

export default withRouter(Tabs);
